
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户信息页面</title>
<link rel="stylesheet" type="text/css"
	href="../jquery/themes/bootstrap/easyui.css">
<link rel="stylesheet" type="text/css" href="../jquery/themes/icon.css">
<script type="text/javascript" src="../jquery/jquery.min.js"></script>
<script type="text/javascript" src="../jquery/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../jquery/easyui-lang-zh_CN.js"></script>

<script type="text/javascript">
	function searchRoleInfo(uId) {
		$("#dg").datagrid('unselectAll');
		$("#search-role-dialog").dialog({
			closed : false,
		})
		$('#search-role-dg').datagrid({   
		    url:'../findUserByIdRoleInfo', 
		    queryParams:{userId:uId},
		    fit:true,
		    fitColumns:true,
		    columns:[[   
		        {field:'rDesc',title:'角色名称',width:100},   
		        {field:'rName',title:'英文名称',width:100}     
		    ]]   
		});
		

	}
	function delRoleInfo(uId){
		$.post("../delUseOfRoleInfo",{uId:uId},function(flag){
			if(flag==1){
				alert('删除角色成功');
			}else if(flag==0){
				alert('删除角色失败');
			}else if(flag==-2){
				alert('该用户角色是管理员不能进行删除');
			}else if(flag==-3){
				alert('对不起你每有管理员权限不能进行删除');
			}
			
			
		})
	}
	
	$(function() { 
		$("#btn-add-role").click(function(){
			if($("#dg").datagrid('getSelections').length==0){
				$.messager.alert('信息提示', '请选择要分配角色的用户', 'info');
			}else if($("#dg").datagrid('getSelections').length>1){
				$.messager.alert('信息提示', '只能选择一个用户分配角色', 'info');
				$("#dg").datagrid('unselectAll');
			}else{
				$("#add-role-dialog").dialog({
					closed : false,
					buttons:[{
						text:'保存',
						iconCls:'icon-save',
						handler:function(){
							$('#add-role-form').form('submit', {   
							    url:'../saveRoleOfUserInfo?uId='+$("#dg").datagrid('getSelected').uId,   
							    onSubmit: function(){   
							      return $('#add-role-form').form('validate');
							    },   
							    success:function(flag){   
							       if(flag){
							    	   $('#add-role-form').form('clear');
										$.messager.show({
											title : '信息提示',
											msg : '操作成功',
											timeout : 5000,
											showType : 'slide'
										});
										$("#add-role-dialog").dialog({
											closed : true
										});

							       }
							    }   
							});  

						}
					}]
				})
			}
			
		})
		
		$("#btn-remove").click(function() {
			if ($("#dg").datagrid('getSelections').length == 0) {
				$.messager.alert('信息提示', '请选择要删除的数据', 'info');
			} else {
				var uIds = [];
				var array = $("#dg").datagrid('getSelections');
				for ( var i in array) {
					uIds.push(array[i].uId)
				}

				$.messager.confirm('提示信息', '你确认删除数据吗?删除后不能恢复', function(r) {
					if (r) {
						$.post('../delUserInfo', {
							"uIds[]" : uIds
						}, function(flag) {
							if (flag) {
								$.messager.show({
									title : '信息提示',
									msg : '操作成功',
									timeout : 5000,
									showType : 'slide'
								});
								$("#dg").datagrid('load');
							} else {
								$.messager.show({
									title : '信息提示',
									msg : '操作失败',
									timeout : 5000,
									showType : 'slide'
								});
							}
						})
					}
				});

			}
		})

		$("#btn-edit")
				.click(
						function() {
							if ($("#dg").datagrid('getSelections').length == 0) {
								$.messager.alert('信息提示', '请选择要修改的数据', 'info');
							} else if ($("#dg").datagrid('getSelections').length > 1) {
								$.messager
										.alert('信息提示', '只能选择一条记录进行修改', 'info');
							} else {
								$("#edit-form").form(
										'load',
										'../getUserInfo?userId='
												+ $("#dg").datagrid(
														'getSelected').uId);
								$("#edit-dialog")
										.dialog(
												{
													closed : false,
													buttons : [ {
														text : '保存',
														iconCls : 'icon-save',
														handler : function() {
															$('#edit-form')
																	.form(
																			'submit',
																			{
																				url : '../updateUserInfo',
																				onSubmit : function() {
																					return $(
																							'#edit-form')
																							.form(
																									'validate');
																				},
																				success : function(
																						flag) {
																					if (flag == 'true') {
																						$(
																								'#edit-form')
																								.form(
																										'clear');
																						$.messager
																								.show({
																									title : '信息提示',
																									msg : '操作成功',
																									timeout : 5000,
																									showType : 'slide'
																								});
																						$(
																								"#edit-dialog")
																								.dialog(
																										{
																											closed : true
																										});

																						$(
																								"#dg")
																								.datagrid(
																										'load');
																					} else {
																						$.messager
																								.show({
																									title : '信息提示',
																									msg : '操作失败',
																									timeout : 5000,
																									showType : 'slide'
																								});
																					}
																				}
																			});

														}
													} ]
												})
							}
						})

		$("#btn-add").click(function() {
			$("#add-dialog").dialog({
				closed : false,
				buttons : [ {
					text : '保存',
					iconCls : 'icon-save',
					handler : function() {
						$('#add-form').form('submit', {
							url : '../saveUserInfo',
							onSubmit : function() {
								return $('#add-form').form('validate');
							},
							success : function(flag) {
							
							}
						});

					}
				}, {
					text : '重置',
					iconCls : 'icon-redo',
					handler : function() {
						$("#add-form").form('clear');

					}
				}, {
					text : '关闭',
					iconCls : 'icon-cancel',
					handler : function() {
						$("#add-form").form('clear');
						$("#add-dialog").dialog({
							closed : true
						})
					}
				} ]
			})

		})

		$("#btn-search").click(function() {
			$('#dg').datagrid('load', {
				uName : $("#uname").val()
			})
		})

		$('#dg')
				.datagrid(
						{
							url : '../findUserWithPage',
							fit : true,
							fitColumns : true,
							pagination : true,
							toolbar : '#tb',
							pagePosition : 'both',
							columns : [ [
									{
										field : 'uId',
										title : '用户ID',
										width : 100,
										checkbox : true
									},
									{
										field : 'uName',
										title : '用户名称',
										width : 100
									},
									{
										field : 'email',
										title : '用户邮箱',
										width : 100

									},
									{
										field : 'account',
										title : '用户账号',
										width : 100
									},
									{
										field : 'aaa',
										title : '操作',
										width : 100,
										formatter : function(val, rows, index) {
											
											return "<input type='button' onclick='searchRoleInfo("
											+ rows.uId
											+ ")' value='查看用户角色'><input type='button' onclick='delRoleInfo("
											+ rows.uId
											+ ")' value='删除用户角色'>"	
										
										}
									}
									
									] ]
						});

	})
</script>
</head>
<body>
	<div id="tb">
		<table>
			<tr>
				<td>用户名称</td>
				<td><input id="uname" class="easyui-validatebox" /><a
					id="btn-search" href="#" class="easyui-linkbutton"
					data-options="plain:true,iconCls:'icon-search'">查询</a></td>
			</tr>
		</table>
		<a id="btn-add" href="#" class="easyui-linkbutton"
			data-options="plain:true,iconCls:'icon-add'">添加用户信息</a> <a
			id="btn-edit" href="#" class="easyui-linkbutton"
			data-options="plain:true,iconCls:'icon-edit'">修改用户信息</a> <a
			id="btn-remove" href="#" class="easyui-linkbutton"
			data-options="plain:true,iconCls:'icon-remove'">删除用户信息</a>
<!-- 			<s:hasAnyRoles name="admin"> -->
			 <a
			id="btn-add-role" href="#" class="easyui-linkbutton"
			data-options="plain:true,iconCls:'icon-man'">分配角色</a>
<!-- 			</s:hasAnyRoles> -->

	</div>
	<div id="dg"></div>

	<div id="add-dialog" class="easyui-dialog" title="添加用户信息"
		style="width: auto; height: auto;"
		data-options="modal:true,closed:true,closable:false">
		<form id="add-form" method="post">
			<table>
				<tr>
					<td>用户名称</td>
					<td><input name="uName" class="easyui-validatebox"
						data-options="required:true" /></td>
				</tr>
				<tr>
					<td>用户邮箱</td>
					<td><input name="email" class="easyui-validatebox"
						data-options="required:true,validType:'email'" /></td>
				</tr>
				<tr>
					<td>用户账号</td>
					<td><input name="account" type="password"
						class="easyui-validatebox" data-options="required:true" /></td>
				</tr>
			</table>
		</form>

	</div>


	<div id="edit-dialog" class="easyui-dialog" title="修改用户信息"
		style="width: auto; height: auto;"
		data-options="modal:true,closed:true,closable:false">
		<form id="edit-form" method="post">
			<table>
				<tr>
					<td>用户名称</td>
					<td><input name="uName" class="easyui-validatebox"
						data-options="required:true" /> <input name="uId"
						class="easyui-validatebox" type="hidden" /></td>
				</tr>
				<tr>
					<td>用户邮箱</td>
					<td><input name="email" class="easyui-validatebox"
						data-options="required:true,validType:'email'" /></td>
				</tr>
				<tr>
					<td>用户账号</td>
					<td><input name="account" type="password"
						class="easyui-validatebox" data-options="required:true" /></td>
				</tr>
			</table>
		</form>

	</div>

	<div id="search-role-dialog" class="easyui-dialog" title="查看角色信息"
		style="width: 300px; height: 200px;"
		data-options="modal:true,closed:true,closable:true">

		<div id="search-role-dg"></div>
	</div>


	<div id="add-role-dialog" class="easyui-dialog" title="分配角色信息"
		style="width: auto; height: auto;"
		data-options="modal:true,closed:true">
		<form id="add-role-form" method="post">
			<table>
				<tr>
					<td>角色名称</td>
					<td><input id="" class="easyui-combobox" name="rId"
						data-options="required:true,editable:false,valueField:'rId',textField:'rDesc',url:'../findRoleAllInfo'" /></td>
				</tr>
			</table>
		</form>

	</div>


</body>
</html>